<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DOHN</title>
<link href="../html/css/style.css" rel="stylesheet" type="text/css" />
<script language = "JavaScript">
 function s_submit()
 {
	if(document.s_join.name.checked == false)
	{
	alert('Not checked on agreement');
	document.s_join.name.focus();
	return false;
	}

  if(document.s_join.user_id.value == "")
  {
   alert('Please input ID');
   document.s_join.user_id.focus();
   return false;
  }

  if(document.s_join.user_id.value.length < 4 || document.s_join.user_id.value.length > 12)
  {
   alert('Length of ID: 4 ~ 12');
   document.s_join.user_id.focus();
   return false;
  }

  if(document.s_join.pw1.value == "")
  {
   alert('Please input password');
   document.s_join.pw1.focus();
   return false;
  }

  if(document.s_join.pw1.value != document.s_join.pw2.value)
  {
   alert('Passwords are different. Please confirm password');
   document.s_join.pw1.value = "";
   document.s_join.pw2.value = "";
   document.s_join.pw1.focus();
   return false;
  }

  if(document.s_join.pw1.value.length < 4 || document.s_join.pw2.value.length > 12)
  {
   alert('Length of password: 4 ~ 12');
   document.s_join.pw1.focus();
   return false;
  }

  if(document.s_join.email.value == "" || (document.s_join.email.value.indexOf("@") == -1 ||
  document.s_join.email.value.indexOf(".") == -1))
  {
          alert('No e-mail or invalid format');
          document.s_join.email.focus();
   return false;
  }
  document.s_join.submit();
}

function id_check(){
	var id = document.s_join.user_id.value;
	if(id == ""){
		   alert('Please input ID');
   document.s_join.user_id.focus();
   return false;
	}
	  if(id.length < 4 || id.length > 12)
  {
   alert('Length of ID: 4 ~ 12');
   document.s_join.user_id.focus();
   return false;
  }
	window.open("check_id?id=".concat(id), "ID_Check_Window","toolbar=no,status=no,scrollbars=no,location=no,menubar=no,directories=no,width=800,height=300");
}
</script>
</head>
<body>
<!---MSG!--->
<div id="container" >
			<div id="nav">
				<div id="header">
					<a href="index"><img src="../html/images/logo.jpg" border=0></a>
					<div id="admin_menu">
                        <a href="admin">Admin</a>
                        <a href="sign_out">Sign-Out</a>
                    </div>
				</div>
				<ul>
							<li class="active" ><a href="index"><span>Home</span></a></li>
							<li ><a href="transaction"><span>Transaction</span></a></li>
							<li><a href="shortcut"><span>Shortcut</span></a></li>
							<li ><a href="report"><span>Report</span></a></li>
							<li ><a href="mypage"><span>My page</span></a></li>
				</ul>
			</div>

	</div>

	<div id="signup">
		<form name="s_join" id="quote1" action="do_signup" method="post">

				<textarea rows="15" cols="80" style="width:90%;text-align:" readonly="readonly" onfocus="this.rows=15">
				Terms of Service

Welcome to DOHN

1. Your relationship with DOHN

    1.1 Your use of DOHNs products, software, services and web sites (referred to collectively as the "Services" in this document and excluding any services provided to you by DOHN under a separate written agreement) is subject to the terms of a legal agreement between you and DOHN.

    1.2 Unless otherwise agreed in writing with DOHN, your agreement with DOHN will always include, at a minimum, the terms and conditions set out in this document. These are referred to below as the "Universal Terms".

    1.3 Your agreement with DOHN will also include the terms of any Legal Notices applicable to the Services, in addition to the Universal Terms. All of these are referred to below as the "Additional Terms". Where Additional Terms apply to a Service, these will be accessible for you to read either within, or through your use of, that Service.

    1.4 The Universal Terms, together with the Additional Terms, form a legally binding agreement between you and DOHN in relation to your use of the Services. It is important that you take the time to read them carefully. Collectively, this legal agreement is referred to below as the "Terms".

    1.5 If there is any contradiction between what the Additional Terms say and what the Universal Terms say, then the Additional Terms shall take precedence in relation to that Service.

2. Accepting the Terms

    2.1 In order to use the Services, you must first agree to the Terms. You may not use the Services if you do not accept the Terms.

    2.2 You can accept the Terms by:

        (A) clicking to accept or agree to the Terms, where this option is made available to you by Google in the user interface for any Service; or

        (B) by actually using the Services. In this case, you understand and agree that Google will treat your use of the Services as acceptance of the Terms from that point onwards.

    2.3 You may not use the Services and may not accept the Terms if (a) you are not of legal age to form a binding contract with Google, or (b) you are a person barred from receiving the Services under the laws of the United States or other countries including the country in which you are resident or from which you use the Services.

    2.4 Before you continue, you should print off or save a local copy of the Universal Terms for your records.
				</textarea>
			<br>
			<input type="checkbox" id="check" name="name" value="agree" style="margin: -2px -85px 0 500px;"><label id="checkLabel">Agree with the above contract</label>
			<div id="input_data">
				<div id="lab">
					<label>ID</label>
				</div>
				<div id="field">
					<input type="text" name="user_id" />
					<input type="button" value="ID Check" style="width:80px; height:27px; color:#fff; border:none; background: url(../html/images/button.jpg) ; margin-top:-38px; margin-left: 320px;" onclick="id_check();"/>
				</div>

			</div>

				<div id="input_data">
				<div id="lab">
					<label>E-mail</label>
				</div>
				<div id="field">
					<input type="text" name="email" />
				</div>
			</div>

			<div id="input_data">
				<div id="lab">
					<label>Password </label>
				</div>
				<div id="field">
					<input type="password" name="pw1" />
				</div>
			</div>

			<div id="input_data">
				<div id="lab">
					<label style="margin-top:-5px;">Password Confirm </label>
				</div>
				<div id="field">
					<input type="password" name="pw2" />
				</div>
			</div>
				<input type="button" value="Confirm" onClick = "s_submit();" style="width:80px; height:35px; color:#fff; border:none; background: url(../html/images/button.jpg); margin-left:600px; margin-top:-5px;">

		</form>

	</div>

	<div class="clear"></div>

</div>

</body>
</html>
